html,body{margin:0;padding:0}
*{margin:0;padding:0;}
img{border:0}
body{font: 85%/1.3 TrebuchetMS,Arial,sans-serif;text-align: left;background: #fff;padding-bottom:20px}
a { color: #0066B3; background: inherit; text-decoration: none;}
h1 { font: bold 2.1em Arial, Arial, Sans-Serif; color: #036DA7 }
h2 { font: bold 1.1em Arial, Arial, Sans-Serif; padding: 0; margin: 0; }

div#header{width:100%;overflow:hidden;background: #1786c6; }
div#header h1,div#menu{margin-left:50px;text-align:left;width:900px;margin:0 auto;}
div#header h1{color: #fff;padding: 15px 0;}

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;font-size: 80%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 95px;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666; border-top : 1px solid #fff; border-left : 1px solid #fff; border-right : 1px solid #fff;}
ul#nav a:hover{background: #fff;color: #000}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}

#right {float: left;width: 78%;text-align: justify;margin-left:1em;}
#left {float: left;width: 15%;border:1px solid #d9d9d9;margin:0 10px}
#left .box {padding: 1em;margin:0;background :#f5f5f5;border:1px solid #fff;}

#content {font:95%/1.3 TrebuchetMS,Arial,sans-serif;margin:0 auto;background: #fff;margin-top:10px}

ul {padding:0;margin: 0;}
li {list-style-type:none;}

.clear{clear:both;}

/* common */
div.box dl{width:96%;margin:0 auto;margin-bottom:15px;}
div.box dl dt{padding:.5em;border-bottom:1px solid #eee;margin-bottom:5px;}
div.box dl dd{margin-left:1.5em;padding:.2em}

.pagetitle{height:32px;margin-bottom:1em}
.pagetitle h2{float:left;line-height:32px;}
.pagetitle h2{float:left;line-height:32px;}
.pagetitle div.pagefunctions{float:right;line-height:32px;}

.dataform{}
.dataform fieldset{border:1px solid #d9d9d9;padding:1em}
.dataform fieldset legend{padding:0 1em;height:24px;line-height:24px;}
.editor-label{margin-bottom:.3em;}
.editor-field{margin-bottom:1em;}
.editor-field input{height:22px;line-height:22px;border:1px solid #ddd;font-size:12px;font-family:Verdana}
.editor-field input.long{width:400px;}
.editor-field input.short{width:150px;}
.editor-field textarea{border:1px solid #ddd}
input.submitbutton{display:block;border:1px solid gray;background:#d9d9d9;padding:.3em 1em;color:#000;cursor:pointer;}
input.submitbutton:hover{display:block;border:1px solid gray;background:#4ea40e;padding:.3em 1em;color:#fff;cursor:pointer;}

.page{}

/* category */
.category-list{width:90%}
.category-list li{width:25%;margin:5px 5px 5px 0; border:1px solid #eee;height:56px;float:left;}
.category-list li .title{height:24px;line-height:24px;}
.category-list li .title h5{width:60%;float:left;padding-left:5px;font-size:12px;}
.category-list li .title .operate a{width:15%;display:block;float:right;}
.category-list li .content{margin:5px;}

/* blog */
.blog-list{width:90%;}
.blog-list li{margin:5px 5px 5px 0; border:1px solid #eee;height:64px;}
.blog-list li .title{height:34px;line-height:34px;}
.blog-list li .title .titlevalue{width:80%;float:left;padding-left:5px;font-size:12px;font-size:14px;}
.blog-list li .title .operate a{width:34px;display:block;float:right;text-align:center;}
.blog-list li .content{margin:5px;color:Gray}
.btnCode {background:transparent url(/Content/editor/plugin/code/source.png) no-repeat 16px 16px;background-position:2px 2px;}

/* link */
.link-list{width:90%;}
.link-list li{margin:5px 5px 5px 0; border:1px solid #eee;height:64px;width:25%;float:left;}
.link-list li .title{height:34px;line-height:34px;}
.link-list li .title .titlevalue{width:70%;float:left;padding-left:5px;font-size:12px;font-size:14px;}
.link-list li .title .operate a{width:32px;display:block;float:right;text-align:center;}
.link-list li .content{margin:5px;color:Gray}

/* user */
.user-list{width:90%;}
.user-list li{margin:5px 5px 5px 0;height:64px;width:280px;float:left;border:1px solid #eee}
.user-list li .title{float:left;width:50px;height:50px;margin:7px;}
.user-list li .title img{width:50px;height:50px;}
.user-list li .content{float:left;margin:5px 0;height:54px;width:210px;}
.user-list li .content .username{height:20px;}
.user-list li .content .username h5{width:140px;float:left;font-size:12px;}
.user-list li .content .username div.operate{width:60px;float:right;text-align:right;}
.user-list li .content .userdesc{height:38px;overflow:hidden;color:Gray}

/* photo */
.photo-list{width:90%}
.photo-list li{height:160px;width:192px;margin:0 10px 10px 0;float:left;}
.photo-list li a.image{display:block;height:108px;width:192px;border:1px solid #ededed}
.photo-list li div.content{margin-top:5px;text-align:right}
.photo-list li div.content .description{text-align:left;text-indent:1em}

.uploaded-list{width:90%}
.uploaded-list li{}


/* friend */
.friend-list{width:90%;}
.friend-list li{margin:5px 5px 5px 0; border:1px solid #eee;height:96px;width:280px;float:left}
.friend-list li .title{height:64px;margin:5px;}
.friend-list li .title .titlevalue{width:70%;float:left;font-size:12px;font-size:14px;}
.friend-list li .title .titlevalue img{height:45px;width:80px;}
.friend-list li .title .operate a{width:34px;display:block;float:right;text-align:center;}
.friend-list li .content{margin:5px;color:Gray;}

/* comment */
.comment-list{width:90%;}
.comment-list li{margin:5px 5px 5px 0; border:1px solid #eee;}
.comment-list li .title{margin:5px;float:left}
.comment-list li .content{margin:5px;color:Gray;float:left;width:90%}

.comment-list li .title{margin:5px;}
.comment-list li .content .top{height:16px;line-height:16px;width:100%}
.comment-list li .content .top div.information{float:left}
.comment-list li .content .top div.operate{float:right}
.comment-list li .content .top div.operate a{width:34px;display:block;float:right;text-align:center;}
.comment-list li .content .comment{margin-top:5px;}
.comment-list li .content .comment p.origin{}
.comment-list li .content .comment p.reply{border-top:1px solid #eee;background:#fff4f4;margin-top:5px;padding:5px;}
